A Bar chart showing search result clickthru rates
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.bar.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
var data = [36.4,12.5,9.5,7.9,6.1,4.1,3.8,3.5,3.0,2.2];
var bar = new RGraph.Bar({
id: 'cvs',
data: data,
options: {
backgroundGridAutofitNumvlines: 10,
gutterBottom: 50,
gutterLeft: 75,
unitsPost: '%',
labels: [ 'One','Two','Three','Four','Five','Six','Seven','Eight','Nine','Ten'],
labelsAbove: true,
labelsAboveDecimals: 1,
labelsAboveSize: 12,
noxaxis: true,
title: 'Search position clickthru rates',
textAccessible: true
}
}).draw();
</script>